<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <script src="./async.js" async></script>
  <script src="./defer.js" defer></script>
  <title>Document</title>
</head>
<body>
  <noscript>
    <p>
      本页面需要浏览器支持（启用)javascript      
    </p>
  </noscript>
  <ul>
    <li>浏览器异步下载脚本是禁止的，因为浏览器会等待脚本的加载完毕</li>
    <li>如果没有async,defer那么页面中的javascriipt执行将是从上到下的，读到哪一行就执行哪一行，并且head中的大体积的jS会阻塞下面文档的解析。</li>
    <li>async与defer相同点都是读取到立即加载js</li>
    <li>不同点是async在加载完成后，立即执行，但是这个执行不会阻止后面的文档解析</li>
    <li>defer加载完毕之后，会等到文档解析完成之后，再去执行里面的js代码</li>
    <li>混杂模式与标准模式：混杂模式会让IE的行为与IE5相同，而标准模式则让IE的行为更接近标准行为，这两种模式主要影响CSS内容的呈现，但是某些情况下也会影响到javascript额解释执行</li>
    <li>浏览器不支持javascript的时候，使用noscript标签使页面进行平稳的退化，如果支持的话，不会展示标签内任何内容</li>
  </ul>
  <script>
    alert('文档中的脚本')  
  </script>
</body>
</html>